<!DOCTYPE html>
<html lang="en">

	<head>
		<meta charset="utf-8" />
		<title>Spring Boot AOP在省级安全生产管理系统的应用</title>

		<!-- 新 Bootstrap 核心 CSS 文件 -->
		<link href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
		<!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
		<script src="https://cdn.bootcss.com/jquery/2.1.1/jquery.min.js"></script>
		<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
		<script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
		<!-- 自定义CSS文件 -->
		<link href="../assets/css/staffManageStyle.css" rel="stylesheet" />
		<link href="../assets/css/staffChangeStyle.css" rel="stylesheet" />
		
		<style> 
		.table-c table{border-right:1px solid #0F0;border-bottom:1px solid #0F0} 
		.table-c table td{border-left:1px solid #0F0;border-top:1px solid #0F0} 
		/* 
		css 注释： 
		只对table td设置左与上边框； 
		对table设置右与下边框； 
		为了便于截图，我们将css 注释说明换行排版 
		*/ 
		</style>
	</head>

	<body style="background-image: url(../assets/img/人事助理首页背景.jpg);background-size: 100%">
		<!--菜单-->
		<div id="menu_bar"></div>
		<div class="col-md-* col-sm-*">
			<div class="panel panel-default">
				<div class="panel-body">
					<!--标签头-->
					<div class="row col-xs-2">
						<ul class="nav nav-pills nav-stacked ">
							<li class="">
								<a href="重大危险源申报登记.html" >重大危险源申报登记</a>								
							</li>
							<li class="">
								<a href="数据在线监控.html" >数据在线监控</a>								
							</li>
							<li class="">
								<a href="设定预警阈值和危险等级.html" >设定预警阈值和危险等级</a>								
							</li>
						</ul>
					</div>
					
					<div class="col-xs-9">
						<div class="tab-content">
							<!--只显示危险源 无 的不显示 不可修改-->
							<div class="tab-pane fade active in" id="addTask-pills">
								<h4 id="h4-addTask">查看企业危险源信息</h4>
								
								<div class="table-c"> 
									<table class="table table-striped table-bordered table-hover">
										<tr>
										<td> 企业名称 </td>
										<td><input type="text" name="企业名称" value="腾讯"></td>
										</tr>
										<tr>
										<td> 持证人 </td>
										<td><input type="text" name="持证人" value="马化腾"></td>
										</tr>
																	
										<tr>
										<td>登记表1</td>
										<!--登记表id-->
										</tr>
										<tr>
										<td> 类型 </td>
										<td><input type="text" name="类型" value="消防"></td>
										</tr>
										<tr>
										<td> 数值 </td>
										<td><input type="text" name="数值" value="135"></td>
										</tr>
										<tr>
										<td> 等级 </td>
										<td><input type="text" name="等级" value="一级"></td>
										</tr>
										<tr>
										<!-- 当点击提交按钮时，请求会发送到form标签的action所指的服务端的程序中 -->
										<td>
											<button id="btn-modify" type="submit" class="btn btn-default" onmouseover="this.style.backgroundColor='orange';" onmouseout="this.style.backgroundColor='';">
												修改
											</button>
										</td>
										<td>
											<button id="btn-delete" type="submit" class="btn btn-default" onmouseover="this.style.backgroundColor='orange';" onmouseout="this.style.backgroundColor='';">
												删除
											</button>
										</td>
										</tr>
										
										
									</table>
									
								</div>
							</div>	
						</div>
					</div>
				</div>
			</div>
		</div>
	</body>
<script>
	var obtn=document.getElementsByTagName('button');
	for(var i=0;i<obtn.length;i++){
		if(i%2==0){
			obtn[i].onclick=function(){
				location.href = "修改.html";
			}
		}else{
			obtn[i].onclick=function(){
				alert("删除成功！");
			}
		}
	}
	$("#menu_bar").load("../人事助理header.html");
</script>
</html>